<%-- 
    Document   : Consultar
    Created on : Jan 21, 2012, 9:33:00 AM
    Author     : Carlos
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Nueva Consulta</title>
        <%@page import="logica.ControlBebe" %>
        <%@page import="Modelo.*" %>
        <%@page import="java.util.*" %>
        <%@page import="java.lang.Exception" %>
	<script src="js/jquery-1.7.1.min.js"></script>
        <script src="js/jquery-ui-1.8.17.custom.min.js"></script>
        <script>
	$(function() {
		$( "#Nacimiento" ).datepicker({ dateFormat: 'dd/mm/yy' });
	});
	</script>
        <style type="text/css">
            body
            {
                margin: 0px;
            }
            #tope
            {
                background-color: #029dd5;
                width: 100%;
                height: 10px;
            }
            #Titulo
            {
                margin-top: 30px;
                margin-left: 30px;
            }
            #TituloClinica
            {
                font-size: 30pt;
                font-weight: 600;
                color: #238bb0;
                text-decoration: underline;
                margin-left: 10px;
                position: relative;
                top: -10px;
                
            }
            #footer
            {
                position: absolute;
                bottom: 1px;
                background-image: url('IMG/footer.png');
                background-repeat: repeat-x;
                background-color: #029dd5;
                background-position: top;
                width: 100%;
                height: 65px;
            }
            #Atras
            {
                font-size: 20pt;
                font-weight: 300;
                color: #238bb0;
                text-decoration: none;
                margin-left: 40px;
                position: absolute;
                bottom: 90px; 
            }
            #Atras:hover
            {
                font-weight: 600;
                text-decoration: underline;
            }
            label
            {
                display: block;
                padding-top: 8px;
                padding-bottom: 2px;
                font-family: cursive;
                font-style: normal;
                font-variant: normal;
                font-weight: normal;
                font-size: medium;
                line-height: 120%;
                word-spacing: normal;
                letter-spacing: normal;
                text-decoration: none;
                text-transform: none;
                text-align: left;
                text-indent: 0ex;
                color: #238bb0;
            }
            input
            {
                display: block;
                width: 200px;
                border-color: #238bb0;
            }
            select
            {
                width: 200px;
                border-color: #238bb0;
            }
            #Formulario
            {
                margin-top: 50px;
                margin-left: 30%;
            }
            #BotonSubmit
            {
                padding-top: 5px;
                padding-bottom: 5px;
                font-family: cursive;
                font-style: normal;
                font-variant: normal;
                font-weight: normal;
                font-size: medium;
                line-height: 120%;
                word-spacing: normal;
                letter-spacing: normal;
                background-color: #bcd5e6;
                cursor: pointer;
                color: #00F;
            }
            #BotonSubmit:hover
            {
                background-color: #e0f2be;
                color: black;
                border-bottom-color: #5E740B;
            }
            
        </style>
        <link rel="stylesheet" href="css/cupertino/jquery-ui-1.8.17.custom.css" >
    </head>
    <body>
        <div id="tope"></div>
        <div id="Titulo"><img src="IMG/Icon.png" width="50" height="50" lang="Clinica"/><span id="TituloClinica">Clínicas Unidas de Venezuela</span></div>
        <div id="Formulario">
            <form action="GuardarBebe.jsp" method="post" >
                <table>
                    <tr>
                        <td><label for="Nombre">Nombre:</label><input type="text" id="Nombre" name="Nombre"/>
                           <label for="Apellido">Apellido:</label><input type="text" id="Apellido" name="Apellido"/>
                           <label for="Cedula">CI (padre o madre):</label><input type="text" id="CI" name="CI"/>
                           <label for="Nacimiento">Nacimiento:</label><input type="text" id="Nacimiento" name="Nacimiento"/>
                        </td>   
                        <td>
                            <label for="Edad">Edad actual:</label><input type="text" id="Edad" name="Edad"/>
                           <label for="Peso">Peso (Kg):</label><input type="text" id="Peso" name="Peso" />
                           <label for="Estatura">Estatura (Cm):</label><input type="text" id="Estatura" name="Estatura" />
                           <label for="CC">Circunferencia Cefálica (Cm):</label><input type="text" id="CC" name="CC" />
                        </td>                           
                </tr>
                </table>
            <p><input type="submit" value="Enviar" id="BotonSubmit"></p>            
        </div>
        <div id="footer"></div>
        <a href="Entrada.jsp" id="Atras"> << Atras</a>
    </body>
</html>

